/*
 * @Author: YNT 2501512800@qq.com
 * @Date: 2022-10-16 15:51:10
 * @LastEditors: YNT 2501512800@qq.com
 * @LastEditTime: 2022-10-16 16:15:19
 * @FilePath: \洋安未来社区\pages\libraryDetail\index.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
// pages/libraryDetail/index.js
import { formatRichText } from '../../utils/util'
Page({
  /**
   * 页面的初始数据
   */
  data: {
    nvabarData: {
      navigationBarTextStyle: 'white', // 胶囊主题 white || black
      navigationBarBackground: '#2ba6e2', // 导航栏背景色
      navigationBarTitleText: '图书馆详情',
    },
    content: `<p>
    <strong><span style="font-size:19px">&nbsp; &nbsp;&nbsp;<img src="http://p.ananas.chaoxing.com/star3/origin/82596ae6609304b740b7f97fa0192991.jpg?rw=787&rh=476&_fileSize=200596&_orientation=1" title="试运营2_副本" alt="试运营2_副本.jpg"/></span></strong>
</p>
<p>
    <strong><span style="font-size:19px">&nbsp; &nbsp;</span></strong>
</p>
<p style="outline: 0px; min-height: 1em; color: rgb(172, 29, 16);" helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" text-align:="" white-space:="" background-color:="" letter-spacing:="" box-sizing:="" border-box="" overflow-wrap:="" break-word="">
    <span style="outline: 0px; font-size: 15px; color: rgb(0, 0, 0);"><strong style="outline: 0px; color: rgb(83, 83, 83);">新安江街道江滨中路118-12号</strong></span>
</p>
<p style="outline: 0px; min-height: 1em; color: rgb(172, 29, 16);" helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" text-align:="" white-space:="" background-color:="" letter-spacing:="" box-sizing:="" border-box="" overflow-wrap:="" break-word="">
    <br/>
</p>
<p style="outline: 0px; min-height: 1em; color: rgb(172, 29, 16);" helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" text-align:="" white-space:="" background-color:="" letter-spacing:="" box-sizing:="" border-box="" overflow-wrap:="" break-word="">
    <span style="outline: 0px; font-size: 15px;"><strong style="outline: 0px; color: rgb(83, 83, 83);"><strong style="outline: 0px; color: rgb(172, 29, 16);">开放时间</strong></strong></span>
</p>
<p style="outline: 0px; min-height: 1em; color: rgb(172, 29, 16);" helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" text-align:="" white-space:="" background-color:="" letter-spacing:="" box-sizing:="" border-box="" overflow-wrap:="" break-word="">
    <span style="outline: 0px; font-size: 15px; color: rgb(0, 0, 0);"><strong style="outline: 0px; color: rgb(83, 83, 83);">周二至周日8:30—20:30</strong></span>
</p>
<p style="outline: 0px; min-height: 1em; color: rgb(172, 29, 16);" helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" text-align:="" white-space:="" background-color:="" letter-spacing:="" box-sizing:="" border-box="" overflow-wrap:="" break-word="">
    <span style="outline: 0px; font-size: 15px; color: rgb(0, 0, 0);"><strong style="outline: 0px; color: rgb(83, 83, 83);">周一闭馆</strong></span>
</p>
<p style="outline: 0px; min-height: 1em; color: rgb(172, 29, 16);" helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" text-align:="" white-space:="" background-color:="" letter-spacing:="" box-sizing:="" border-box="" overflow-wrap:="" break-word="">
    <span style="outline: 0px; font-size: 15px; color: rgb(0, 0, 0);"><strong style="outline: 0px; color: rgb(83, 83, 83);">周一遇上法定节假日正常开放</strong></span>
</p>
<p>
    <br/>
</p>
<p>
    <br/>
</p>
<p></p>
<section data-support="96编辑器" data-style-id="26989" style="outline: 0px; color: rgb(51, 51, 51);" helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" font-size:="" letter-spacing:="" white-space:="" background-color:="" text-align:="" box-sizing:="" border-box="" overflow-wrap:="" break-word="">
    <section style="margin-top: 10px; margin-bottom: 10px; outline: 0px;">
        <section style="padding: 15px; outline: 0px; border-top: 8px solid rgb(147, 147, 147); background-color: rgb(244, 244, 244);">
            <section style="outline: 0px;">
                <section style="margin-top: 10px; outline: 0px;">
                    <section style="outline: 0px; display: flex; align-items: center;">
                        <p style="outline: 0px; min-height: 1em; letter-spacing: 2px; transform: rotateZ(0deg);">
                            <strong style="color: rgb(83, 83, 83); font-size: 18px; outline: 0px;">新图书馆简介</strong>
                        </p>
                        <section style="margin-left: 10px; outline: 0px; color: rgb(83, 83, 83); font-size: 18px;">
                            <p style="outline: 0px; min-height: 1em; letter-spacing: 2px;">
                                <br/>
                            </p>
                        </section>
                    </section>
                    <section style="margin-top: 10px; margin-bottom: 10px; padding: 15px; outline: 0px; background-color: rgb(254, 254, 254);">
                        <p style="outline: 0px; min-height: 1em; letter-spacing: 2px;">
                            <br/>
                        </p>
                        <p style="outline: 0px; min-height: 1em;">
                            <img src="http://p.ananas.chaoxing.com/star3/origin/6debf73f0eb356aed30ff660fe0f5c4f.jpg?rw=1080&rh=720&_fileSize=133677&_orientation=1" title="新馆1" alt="新馆1" border="0" vspace="0" style="width: 600px; height: 400px;"/>
                        </p>
                        <p style="outline: 0px; min-height: 1em;">
                            <br/>
                        </p>
                        <p style="outline: 0px; min-height: 1em;">
                            <img src="http://p.ananas.chaoxing.com/star3/origin/017ee449629b44c1e366e09365932e03.jpg?rw=800&rh=533&_fileSize=62665&_orientation=1" title="新馆2" alt="新馆2" border="0" vspace="0" style="width: 600px; height: 400px;"/>
                        </p>
                        <p style="outline: 0px; min-height: 1em; line-height: 2em; text-indent: 2em;">
                            <span style="outline: 0px; font-size: 15px;">建德市图书馆新馆位于浙江省建德市新安江街道江滨中路118-12号，与建德市博物馆、建德市妇女儿童活动中心、建德市青少年活动中心构成“两馆两中心”，组成江滨景观公园文化综合体项目，地理位置优越、周边配套齐备、风光景色绝佳，在此阅读，犹如坐绿水青山之中，览古今中外群书。</span><br style="outline: 0px;"/>
                        </p>
                        <p style="outline: 0px; min-height: 1em; line-height: 2em; text-indent: 2em;">
                            <span style="outline: 0px; font-size: 15px;">建德市图书馆新馆由A楼、B楼两幢建筑组成。建筑面积11568平方米，其中A楼建筑面积3769平方米，B楼7799平方米。藏书总量50万册，阅览座位600席。是一所集藏、借、阅、休闲于一体的，体现多元化服务理念，环境舒适、设施先进、功能完备的现代公共图书馆。</span>
                        </p>
                    </section>
                </section>
            </section>
            <section style="outline: 0px;">
                <section style="outline: 0px;">
                    <section style="margin-top: 20px; outline: 0px;">
                        <section style="outline: 0px; display: flex; align-items: center;">
                            <p style="outline: 0px; min-height: 1em; letter-spacing: 2px; transform: rotateZ(0deg);">
                                <strong style="color: rgb(83, 83, 83); font-size: 18px; outline: 0px;">最美江畔图书馆</strong>
                            </p>
                            <section style="margin-left: 10px; outline: 0px; color: rgb(83, 83, 83); font-size: 18px;">
                                <p style="outline: 0px; min-height: 1em; letter-spacing: 2px;">
                                    <br/>
                                </p>
                            </section>
                        </section>
                        <section style="margin-top: 10px; margin-bottom: 10px; padding: 15px; outline: 0px; background-color: rgb(254, 254, 254);">
                            <p style="outline: 0px; min-height: 1em;">
                                <img src="http://p.ananas.chaoxing.com/star3/origin/bf2c1deaab51d8d3305fdb508b28ea1e.jpg?rw=1080&rh=693&_fileSize=135376&_orientation=1" title="新馆3" alt="新馆3" border="0" vspace="0" helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" font-size:="" letter-spacing:="" text-align:="" white-space:="" background-color:="" width:="" height:=""/>
                            </p>
                            <p style="outline: 0px; min-height: 1em;">
                                <img src="http://p.ananas.chaoxing.com/star3/origin/0003c3ff79d29aa697730d327209c2d6.jpg?rw=1080&rh=720&_fileSize=78284&_orientation=1" title="新馆4" alt="新馆4" border="0" vspace="0" style="width: 600px; height: 400px;"/>
                            </p>
                            <p style="outline: 0px; min-height: 1em;">
                                <img src="http://p.ananas.chaoxing.com/star3/origin/0aa04c838aa2616ce65b47ec21f18cbf.jpg?rw=1080&rh=720&_fileSize=131397&_orientation=1" title="新馆5" alt="新馆5" border="0" vspace="0" style="width: 600px; height: 400px;"/>
                            </p>
                            <p style="outline: 0px; min-height: 1em;">
                                <br/>
                            </p>
                            <section data-support="96编辑器" data-style-id="33626" style="outline: 0px;">
                                <section style="margin-top: 10px; margin-bottom: 10px; outline: 0px;">
                                    <section style="outline: 0px; border-bottom: 1px solid rgb(128, 179, 255);">
                                        <section style="margin-top: -5px; margin-bottom: 10px; outline: 0px; display: flex; justify-content: space-between; align-items: center;">
                                            <section data-width="49%" style="outline: 0px; width: 253.813px;">
                                                <p style="outline: 0px; min-height: 1em;">
                                                    <br/>
                                                </p>
                                            </section>
                                            <section data-width="49%" style="outline: 0px; width: 253.813px;">
                                                <p style="outline: 0px; min-height: 1em;">
                                                    <br/>
                                                </p>
                                            </section>
                                        </section>
                                    </section>
                                </section>
                            </section>
                            <p style="outline: 0px; min-height: 1em; line-height: 2em; text-indent: 2em;">
                                <span style="outline: 0px; font-size: 15px;">建德市图书馆新馆地理位置优越，坐落在美丽的新安江畔，紧靠城市核心，又坐拥山水间。每一处的风景都如诗如画，不仅仅是市民朋友学术交流的地方，也是市民朋友休闲娱乐旅游的打卡地。</span>
                            </p>
                            <p style="outline: 0px; min-height: 1em; line-height: 2em; text-indent: 2em;">
                                <span style="outline: 0px; font-size: 15px;">建德市图书馆新馆以“山水之舟，文旅驿站”为设计主题，成为集现代人文建筑与自然景观于一体的“最美江畔图书馆”。图书馆沿江阅览区全景式落地玻璃窗设计，非常别具一格，将美丽的新安江美景尽收眼底。择一本书落座，静静品读，沉浸在书的海洋，“低头看世界 抬头即美景”。</span>
                            </p>
                        </section>
                    </section>
                </section>
            </section>
        </section>
    </section>
</section>
<p></p>
<p>
    <br/>
</p>
<p>
    <br/>
</p>
<p>
    <br/>
</p>
<p></p>
<section data-support="96编辑器" data-style-id="26973" style="outline: 0px; color: rgb(51, 51, 51);" helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" font-size:="" letter-spacing:="" white-space:="" background-color:="" text-align:="" box-sizing:="" border-box="" overflow-wrap:="" break-word="">
    <section style="margin-top: 10px; margin-bottom: 10px; outline: 0px;">
        <section style="margin-top: 5px; outline: 0px; color: rgb(172, 29, 16); letter-spacing: 1px; line-height: 24px;">
            <p style="outline: 0px; min-height: 1em; letter-spacing: 2px;">
                <br/>
            </p>
        </section>
    </section>
</section>
<section data-support="96编辑器" data-style-id="26989" style="outline: 0px; color: rgb(51, 51, 51);" helvetica="" pingfang="" hiragino="" sans="" microsoft="" yahei="" font-size:="" letter-spacing:="" white-space:="" background-color:="" text-align:="" box-sizing:="" border-box="" overflow-wrap:="" break-word="">
    <section style="margin-top: 10px; margin-bottom: 10px; outline: 0px;">
        <section style="padding: 15px; outline: 0px; border-top: 8px solid rgb(147, 147, 147); background-color: rgb(244, 244, 244);">
            <section style="outline: 0px;">
                <section style="margin-top: 10px; outline: 0px;">
                    <section style="outline: 0px; display: flex; align-items: center;">
                        <p style="outline: 0px; min-height: 1em; letter-spacing: 2px; transform: rotateZ(0deg);">
                            <strong style="color: rgb(83, 83, 83); font-size: 18px; outline: 0px;">高科技图书馆</strong>
                        </p>
                        <section style="margin-left: 10px; outline: 0px; color: rgb(83, 83, 83); font-size: 18px;">
                            <p style="outline: 0px; min-height: 1em; letter-spacing: 2px;">
                                <br/>
                            </p>
                        </section>
                    </section>
                    <section style="margin-top: 10px; margin-bottom: 10px; padding: 15px; outline: 0px; background-color: rgb(254, 254, 254);">
                        <p style="outline: 0px; min-height: 1em;">
                            <img src="http://p.ananas.chaoxing.com/star3/origin/6912774e1aba1fcb7ee0f4cf580d58b1.jpg?rw=800&rh=533&_fileSize=101721&_orientation=1" title="新馆6" alt="新馆6" border="0" vspace="0" style="width: 600px; height: 400px;"/>
                        </p>
                        <p style="outline: 0px; min-height: 1em;">
                            <img src="http://p.ananas.chaoxing.com/star3/origin/258d9520378f05539149d0374d495087.jpg?rw=800&rh=555&_fileSize=59643&_orientation=1" title="新馆7" alt="新馆7" border="0" vspace="0" style="width: 600px; height: 416px;"/>
                        </p>
                        <p style="outline: 0px; min-height: 1em;">
                            <img src="http://p.ananas.chaoxing.com/star3/origin/cb14a00f2aa179ab5080f12b4a51534c.jpg?rw=800&rh=533&_fileSize=95689&_orientation=1" title="新馆8" alt="新馆8" border="0" vspace="0" style="width: 600px; height: 400px;"/>
                        </p>
                        <section data-support="96编辑器" data-style-id="33626" style="outline: 0px;">
                            <section style="margin-top: 10px; margin-bottom: 10px; outline: 0px;">
                                <section style="outline: 0px; border-bottom: 1px solid rgb(128, 179, 255);">
                                    <section style="margin-top: -5px; margin-bottom: 10px; outline: 0px; display: flex; justify-content: space-between; align-items: center;">
                                        <section data-width="49%" style="outline: 0px; width: 302.328px;">
                                            <p style="outline: 0px; min-height: 1em;">
                                                <br/>
                                            </p>
                                        </section>
                                        <section data-width="49%" style="outline: 0px; width: 302.328px;">
                                            <p style="outline: 0px; min-height: 1em;">
                                                <br/>
                                            </p>
                                        </section>
                                    </section>
                                </section>
                            </section>
                        </section>
                        <section style="outline: 0px; line-height: 2em; text-indent: 2em;">
                            <span style="outline: 0px; font-size: 15px;">建德市图书馆新馆馆内无线网络实现了全覆盖，并引入瀑布流电子书、朗读亭、智能AI光影屏、智能密集书架、自助图书借还终端等技术和设备。此外还引入了智能机器人，不仅能实现前台接待、问路引领、场馆介绍等功能，还能依靠数据库实现图书检索、智能导览、智能互动、知识库问答等功能。新馆还藏有“黑科技”，应用智能书架，自带书籍定位系统，让你短短几秒就能找到想要的图书。</span><br style="outline: 0px;"/>
                        </section>
                        <section style="outline: 0px; line-height: 2em; text-indent: 2em;">
                            <span style="outline: 0px; font-size: 15px;">新馆在线上，打造一座没有边界的数字图书馆，通过各类增强互动设备提供多维感官的新阅读体验。除服务普通读者外，还针对老年和残疾读者设有服务专区，并且通过多媒体、视听、触摸等多种服务方式满足不同读者群体的阅读需求。建德市图书馆以大数据技术及互联网架构为支撑，引入高科技，实现智慧化、全方位的服务与管理。</span>
                        </section>
                    </section>
                </section>
            </section>
            <section style="outline: 0px;">
                <section style="outline: 0px;">
                    <section style="margin-top: 20px; outline: 0px;">
                        <section style="outline: 0px; display: flex; align-items: center;">
                            <p style="outline: 0px; min-height: 1em; letter-spacing: 2px; transform: rotateZ(0deg);">
                                <strong style="color: rgb(83, 83, 83); font-size: 18px; outline: 0px;">功能区块划分</strong>
                            </p>
                            <section style="margin-left: 10px; outline: 0px; color: rgb(83, 83, 83); font-size: 18px;">
                                <p style="outline: 0px; min-height: 1em; letter-spacing: 2px;">
                                    <br/>
                                </p>
                            </section>
                        </section>
                        <section style="margin-top: 10px; margin-bottom: 10px; padding: 15px; outline: 0px; background-color: rgb(254, 254, 254);">
                            <p style="outline: 0px; min-height: 1em;">
                                <img src="http://p.ananas.chaoxing.com/star3/origin/e75bd4f4020b2b271113b5322e0df9f7.jpg?rw=780&rh=513&_fileSize=72585&_orientation=1" title="新馆9" alt="新馆9" border="0" vspace="0" style="width: 600px; height: 395px;"/>
                            </p>
                            <section style="outline: 0px; line-height: 2em;">
                                <br style="outline: 0px;"/>
                            </section>
                            <p style="outline: 0px; min-height: 1em; line-height: 2em; text-indent: 2em;">
                                <span style="outline: 0px; font-size: 15px;">A楼少儿馆设有报告厅、多功能展厅、亲子阅览区、少儿文献借阅中心、培训室、读者沙龙、创客空间及藏书阁。</span>
                            </p>
                            <p style="outline: 0px; min-height: 1em; text-align: center; line-height: 2em; text-indent: 2em;">
                                <span style="outline: 0px; font-size: 15px;">B楼成人馆设有文献借阅中心（含报刊阅览区、视障阅览区）、专题文献借阅中心（含参考阅览区、古籍、地方文献阅览区）、24小时自助图书馆、数字媒体中心、自修区等服务窗口，以及服务台、文旅体验台、朗读亭、母婴室、咖啡休闲吧等配套设施。</span><img src="http://p.ananas.chaoxing.com/star3/origin/37f78f89b40da1791bbe3f65580b00d6.jpg?rw=1080&rh=1919&_fileSize=366416&_orientation=1" title="新馆10" alt="新馆10.jpg" style="text-indent: 2em; font-family: sans-serif;"/>
                            </p>
                        </section>
                    </section>
                </section>
            </section>
        </section>
    </section>
</section>
<p></p>
<p>
    <br/>
</p>
<p style="text-align: center;">
    <strong><span style="font-size:19px"><img src="http://p.ananas.chaoxing.com/star3/origin/a578c0854cf227654253572d5aa18a3c.jpg?rw=1080&rh=1931&_fileSize=198676&_orientation=1" title="新馆11" alt="新馆11.jpg"/></span></strong>
</p>
<p>
    <strong><span style="font-size:19px">&nbsp; &nbsp;</span></strong>
</p>
<p>
    <strong style="letter-spacing: 2px; color: rgb(83, 83, 83); font-size: 18px; outline: 0px;">图书馆的微信公众号</strong>
</p>
<p>
    <section style="margin-left: 10px; outline: 0px; color: rgb(83, 83, 83); font-size: 18px;">
        <p style="outline: 0px; min-height: 1em; letter-spacing: 2px;">
            <br/>
        </p>
    </section>
</p>
<p style="text-align: center;">
    <img src="http://p.ananas.chaoxing.com/star3/origin/03d4a732ccc57a3f36c19b00b9baae8e.jpg?rw=1280&rh=1280&_fileSize=149257&_orientation=1" title="qrcode_for_gh_84134b52d0af_1280" alt="qrcode_for_gh_84134b52d0af_1280" border="0" vspace="0" style="width: 300px; height: 300px;"/>
</p>
<p>
    <br/>
</p>
<p>
    <br/>
</p>`,
  },
  onLoad: function () {
    this.setData({
      content: formatRichText(this.data.content),
    })
  },
  // 富文本点击事件
  richTextClick() {
    // 富文本
    const richContent = this.data.content
    // 判断含有图片
    if (richContent.indexOf('src') >= 0) {
      const imgs = []
      richContent.replace(
        /]*src=['"]([^'"]+)[^>]*>/gi,
        function (match, capture) {
          imgs.push(capture)
        }
      )
      wx.previewImage({
        current: imgs[0], // 当前显示图片的链接
        urls: imgs,
      })
    }
  },
})
